@import '~csstyle/csstyle';
@import '~breakpoint-sass/stylesheets/breakpoint';
@import 'grid/functions';
@import 'grid/variables';
@import 'grid-temp/mixins';
@import 'grid/values';
@import 'functions';


$mobile: max-width 767px;
$tablet: min-width 768px; // 1023px;
$tabletStrict: 768px 1023px;
$desktop: min-width 1024px; // 1439px;
$desktopHD: min-width 1440px;



/* stylelint-disable */
:export {
  mobile: breakpoint-parse($mobile);
  tablet: breakpoint-parse($tablet);
  tabletStrict: breakpoint-parse($tabletStrict);
  desktop: breakpoint-parse($desktop);
  desktopHD: breakpoint-parse($desktopHD);
}


$navigation-height: 7;
$bg:#054547;
$bg-container:#F2F6FC;


$color-fff: #fff;
$color-656b79:#656b79;
$color-043644:#043644;


$font-weight-100: 100;
$font-weight-300: 300;
$font-weight-400: 400;
$font-weight-600: 600;
$font-weight-700: 700;
$font-weight-800: 800;
$font-weight-900: 900;

$font-size-05: 0.5rem;
$font-size-0625: 0.625rem;
$font-size-0688: 0.688rem;
$font-size-075: 0.75rem;
$font-size-08: 0.8rem;
$font-size-0813: 0.813rem;
$font-size-0875: 0.875rem;
$font-size-1: 1rem;
$font-size-125: 1.25rem;
$font-size-1125: 1.125rem;
$font-size-13125: 1.3125rem;
$font-size-1375: 1.375rem;
$font-size-15: 1.5rem;
$font-size-2125: 2.125rem;
$font-size-2875: 2.875rem;
$font-size-3125: 3.125rem;

//-------------------common variables----------------------
$breakpoints-config: map-get($grid-values, breakpoints);
$mobile-config: map-get($breakpoints-config, mobile);
$tablet-config: map-get($breakpoints-config, tablet);
$desktop-config: map-get($breakpoints-config, desktop);
$desktopHD-config: map-get($breakpoints-config, desktopHD);

$mobile-row-height: map-get($mobile-config, row-height);
$tablet-row-height: map-get($tablet-config, row-height);
$desktop-row-height: map-get($desktop-config, row-height);
$desktopHD-row-height: map-get($desktopHD-config, row-height);

$mobile-row-1: #{$mobile-row-height * 1 + rem};
$mobile-row-2: #{$mobile-row-height * 2 + rem};
$mobile-row-3: #{$mobile-row-height * 3 + rem};
$mobile-row-4: #{$mobile-row-height * 4 + rem};
$mobile-row-5: #{$mobile-row-height * 5 + rem};
$mobile-row-6: #{$mobile-row-height * 6 + rem};
$mobile-row-7: #{$mobile-row-height * 7 + rem};
$mobile-row-8: #{$mobile-row-height * 8 + rem};
$mobile-row-9: #{$mobile-row-height * 9 + rem};

$tablet-row-1: #{$tablet-row-height * 1 + rem};
$tablet-row-2: #{$tablet-row-height * 2 + rem};
$tablet-row-3: #{$tablet-row-height * 3 + rem};
$tablet-row-4: #{$tablet-row-height * 4 + rem};
$tablet-row-5: #{$tablet-row-height * 5 + rem};
$tablet-row-6: #{$tablet-row-height * 6 + rem};
$tablet-row-7: #{$tablet-row-height * 7 + rem};
$tablet-row-8: #{$tablet-row-height * 8 + rem};
$tablet-row-9: #{$tablet-row-height * 9 + rem};

$mobile-row-1: #{$desktop-row-height * 1 + rem};
$desktop-row-2: #{$desktop-row-height * 2 + rem};
$desktop-row-3: #{$desktop-row-height * 3 + rem};
$desktop-row-4: #{$desktop-row-height * 4 + rem};
$desktop-row-5: #{$desktop-row-height * 5 + rem};
$desktop-row-6: #{$desktop-row-height * 6 + rem};
$desktop-row-7: #{$desktop-row-height * 7 + rem};
$desktop-row-8: #{$desktop-row-height * 8 + rem};
$desktop-row-9: #{$desktop-row-height * 9 + rem};

$desktopHD-row-1: #{$desktopHD-row-height * 1 + rem};
$desktopHD-row-2: #{$desktopHD-row-height * 2 + rem};
$desktopHD-row-3: #{$desktopHD-row-height * 3 + rem};
$desktopHD-row-4: #{$desktopHD-row-height * 4 + rem};
$desktopHD-row-5: #{$desktopHD-row-height * 5 + rem};
$desktopHD-row-6: #{$desktopHD-row-height * 6 + rem};
$desktopHD-row-7: #{$desktopHD-row-height * 7 + rem};
$desktopHD-row-8: #{$desktopHD-row-height * 8 + rem};
$desktopHD-row-9: #{$desktopHD-row-height * 9 + rem};


%padding{
  padding-top: $mobile-row-8;
  padding-bottom: $mobile-row-5;
}
